<%--
  Created by IntelliJ IDEA.
  User: HUAWEI
  Date: 2024/9/2
  Time: 15:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Medicamp Responsive Bootstrap Template">
    <meta name="keywords" content="Pixel">
    <meta name="author" content="rkwebdesigns">
    <!-- Site Title   -->
    <title>个人中心</title>
    <!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/bootstrap-dropdownhover.min.css" rel="stylesheet">
    <!-- Fonts Awesome -->
    <link href="${pageContext.request.contextPath}/static/css/font-awesome.min.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Raleway:400,200,300,100,500,600,700,800,900' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400" rel="stylesheet">
    <!-- animate Effect -->
    <link href="${pageContext.request.contextPath}/static/css/animate.css" rel="stylesheet">
    <!-- Main CSS -->
    <link href="${pageContext.request.contextPath}/static/css/style.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="${pageContext.request.contextPath}/static/css/responsive.css" rel="stylesheet">
    <style>
        .form-container {
            background-color: #ffffff; /* 白色背景 */
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            width: 100%;
            max-width: 600px; /* 最大宽度 */
            display: flex;
            flex-direction: column;
        }
        h2 {
            text-align: center;
            color: #007bff; /* 蓝色 */
        }
        .form-group {
            margin-bottom: 15px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
            color: #333;
        }
        .form-group input, .form-group select {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .form-group input[type="file"] {
            padding: 0;
        }
        .form-group button {
            width: 100%;
            padding: 10px;
            background-color: #007bff; /* 蓝色 */
            border: none;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
        }
        .form-group button:hover {
            background-color: #0056b3; /* 深蓝色 */
        }
        body {
            background: url('${pageContext.request.contextPath}/static/img/slide/3.jpg') no-repeat center center fixed;
            background-size: cover;
            margin: 0;
            height: 100vh;
            width: 100vw;
        }
    </style>
</head>
<body>
<header id="header" class="head">
    <div class="top-header">
        <div class="container">
            <div class="row ">
                <ul class="contact-detail2 col-md-6 pull-left">
                    <li> <i class="fa fa-mobile" style="color: white"></i><font color="white">联系我们 +86 4004008299 </font></li>
                </ul>
                <div class="social-links col-md-6 pull-right">
                    <ul class="social-icons pull-right">
                        <li> <i class="fa fa-envelope-o" style="color: white"></i><font color="white"> yiliaojiankang@gmail.com </font></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-default navbar-menu">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="">
                    <div class="logo-text"><span><samp>医</samp>医疗</span>健康系统</div>
                    <!-- <img src="${pageContext.request.contextPath}/static/img/logo.png" alt="logo"> -->
                </a>
            </div>
            <form action="${pageContext.request.contextPath}/doctorInfo/parseId.do?id=${id}" method="post">
                <input type="hidden" name="id" value="${id}">
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-hover="dropdown" data-animations="fadeIn">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="${pageContext.request.contextPath}/doctorInfo/parseId.do?id=${id}">首页</a></li>
                        <li><a href="${pageContext.request.contextPath}/plan/findAllPai2.do?id=${id}">排班</a></li>
                        <li><a href="${pageContext.request.contextPath}/doctor/docexam.do?id=${id}">体检</a></li>
                        <li><a href="${pageContext.request.contextPath}/register/findDoctorById.do?id=${id}">挂号</a></li>
                        <li><a href="${pageContext.request.contextPath}/">咨询</a></li>
                        <li><a href="${pageContext.request.contextPath}/messageList/messageFindAll4.do">公告</a></li>
                        <li><a href="${pageContext.request.contextPath}/doctorInfo/findDoctorById.do?id=${id}">个人中心</a></li>
                    </ul>
                </div>
            </form>
        </div>
    </nav>
</header>
<center>
    <div class="form-container">
        <h2>医生信息</h2>
        <form action="${pageContext.request.contextPath}/doctorInfo/updateInfo.do" method="post" enctype="multipart/form-data">
            <input type="hidden" name="id" id="id" value="${doctor.id}">
            <div class="form-group">
                <label for="name">姓名</label>
                <input type="text" id="name" name="name" value="${doctor.name}">
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="password" id="password" name="password" value="${doctor.password}" >
            </div>
            <div class="form-group">
                <label for="file">头像</label>
                <input type="file" id="file" name="file">
                <img src="${pageContext.request.contextPath}/static/img/${doctor.photo}" width="200" height="200">
            </div>
            <div class="form-group">
                <label for="age">年龄</label>
                <input type="number" id="age" name="age" min="0" value="${doctor.age}">
            </div>
            <div>
                <label><font color="black">性别</font></label>
                <div class="radio-group">
                    <c:if test="${doctor.sex eq '男'}">
                        <input type="radio" name="sex" value="男" id="male" checked>
                        <label for="male"><font color="black">男</font></label>
                        <input type="radio" name="sex" value="女" id="female">
                        <label for="female"><font color="black">女</font></label>
                    </c:if>
                    <c:if test="${doctor.sex eq '女'}">
                        <input type="radio" name="sex" value="男" id="male">
                        <label for="male"><font color="black">男</font></label>
                        <input type="radio" name="sex" value="女" id="female" checked>
                        <label for="female"><font color="black">女</font></label>
                    </c:if>
                    <c:if test="${patient.sex eq null}">
                        <input type="radio" name="sex" value="男" id="male">
                        <label for="male"><font color="black">男</font></label>
                        <input type="radio" name="sex" value="女" id="female">
                        <label for="female"><font color="black">女</font></label>
                    </c:if>

                </div>
            </div>
            <div class="form-group">
                <label for="duty">职称</label>
                <input type="text" id="duty" name="duty" value="${doctor.duty}">
            </div>
            <div class="form-group">
                <label for="department">科室</label>
                <input type="text" id="department" name="department" value="${doctor.department}">
            </div>
            <div class="form-group">
                <label for="phone">手机号</label>
                <input type="tel" id="phone" name="phone" pattern="[0-9]{10}" value="${doctor.phone}">
            </div>
            <div class="form-group">
                <label for="introduction">介绍</label>
                <input type="text" id="introduction" name="introduction" value="${doctor.introduction}">
            </div>
            <div class="form-group">
                <button type="submit">保存</button>
            </div>
        </form>
    </div>
</center>


<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/jquery.plugin.min.js"></script>
<script src="../static/js/jquery.isotope.min.js"></script>
<script src="../static/js/jquery.magnific-popup.min.js"></script>
<script src="../static/js/bootstrap-dropdownhover.min.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/waypoints.min.js"></script>
<script src="../static/js/jquery.counterup.min.js"></script>
<script src="../static/js/main.js"></script>
</body>
</html>
